<template>
    <div class="advColumn">
        <div class="advLeft">
            <div class="limitAdv">
                <img src="../../assets/adv/adv1.png"/>
                <div class="posBox">
                    <div class="words">
                        <span class="first">限时购</span>
                        <span class="device">|</span>
                        <span class="last">每天八场</span>
                    </div>
                    <div class="timeDown"></div>
                </div>
            </div>
        </div>
        <div class="advRight">
            <div class="advTop">
                <div class="chooseAdv">
                    <img src="../../assets/adv/adv2.png"/>
                    <div class="posBox">
                        <div class="words">
                            <div class="first">专柜精选</div>
                            <div class="last">时髦升级不败家</div>
                        </div>
                        <div class="goBtn">GO</div>
                    </div>
                </div>
            </div>
            <div class="advBottom">
                <div class="advBot daily">
                    <img src="../../assets/adv/adv3.png"/>
                    <div class="posBox">
                        <div class="words">
                            <div class="first">每日优选</div>
                            <div class="last">高品质抢购</div>
                        </div>
                        <div class="goBtn">GO</div>
                    </div>
                </div>
                <div class="advBot pop">
                    <img src="../../assets/adv/adv4.png"/>
                    <div class="posBox">
                        <div class="words">
                            <div class="first">人气排行</div>
                            <div class="last">买到就是赚到</div>
                        </div>
                        <div class="goBtn">GO</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name : "adv"
    }
</script>

<style scoped lang="stylus">
.advColumn
    margin-top 0.31rem
    padding 0 0.40rem
    display flex
    justify-content space-between
    .advLeft
        .limitAdv
            position relative
            img
                width 3.61rem
                height 4.71rem
    .advRight
        display flex
        flex-direction column
        justify-content space-between
        .advTop
            .chooseAdv
                position relative
                img
                    width 5.47rem
                    height 2.23rem
        .advBottom
            display flex
            justify-content space-between
            .advBot
                position relative
                img
                    width 2.67rem
                    height 2.35rem
    .posBox
        position absolute
        top 0.25rem
        left 0.27rem
        .words
            line-height 1
            .device
                font-size 0.27rem
                color #FFA6A7
            .first
                font-size 0.43rem
            .last
                margin-top 0.12rem
                font-size 0.32rem
        .goBtn
            color #fff
            margin-top 0.25rem
            width 0.80rem
            height 0.35rem
            border-radius 0.17rem
            font-size 0.27rem
            background linear-gradient(90deg,rgba(248,117,255,1) 0%,rgba(216,44,255,1) 100%)
            display flex
            justify-content center
            align-items center
    .limitAdv
        .words
            .device
                margin 0 0.13rem
            .first
                color #FF285C
                font-weight blod
            .last
                color #FF8182
    .chooseAdv
        .words
            .first
                color #AD42F3
                font-weight blod
            .last
                color #CD92F7
        .goBtn
            background linear-gradient(90deg,rgba(248,117,255,1) 0%,rgba(216,44,255,1) 100%)
    .daily
        .words
            .first
                color #427BF9
                font-weight blod
            .last
                color #427CF9
        .goBtn
            background linear-gradient(90deg,rgba(114,183,255,1) 0%,rgba(39,145,254,1) 100%)
    .pop
        .words
            .first
                color #FF6C1A
                font-weight blod
            .last
                color #FF6C1A
        .goBtn
            background linear-gradient(90deg,rgba(255,164,115,1) 0%,rgba(255,108,26,1) 100%)

</style>